<footer class="general-footer">

	<div class="footer-mask"></div>

	<div class="footer-inner">

		<div class="container">

			<div class="row">

				<div class="col-md-4 col-lg-4 col-sm-12 col-xs-12 footer-block">

					<div class="">

						<div class="footer-widget-content about-widget">

							<div class="widget-title">

								<h2>About Me</h2>

							</div>

							<div class="widget-about-site-logo">

								<span>Optimistic blog</span>

							</div>

							<div class="widget-content">

								<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>

							</div>

							<!-- // widget-content -->

							<div class="social-link-element"></div>

						</div>

						<!-- // footer-widget-content -->

					</div>

					<!-- // footer block -->

				</div>

				<!-- // col -->

				<div class="col-md-4 col-lg-4 col-sm-12 col-xs-12 footer-block">

					<div class="">

						<div class="footer-widget-content">

							<div class="widget-title">

								<h2>Navigation</h2>

							</div>

							<div class="widget-content">

								<ul class="widget-category-listings">

									<li><a href="#">Lifestyle</a></li>

									<li><a href="#">Health</a></li>

									<li><a href="#">Article</a></li>

									<li><a href="#">Travel</a></li>

									<li><a href="#">Uncategorised</a></li>

								</ul>

							</div>

							<!-- // widget-content -->

						</div>

						<!-- // footer-widget-content -->

					</div>

					<!-- // footer block -->

				</div>

				<!-- // col -->

				<div class="col-md-4 col-lg-4 col-sm-12 col-xs-12 footer-block">

					<div class="">

						<div class="footer-widget-content">

							<div class="widget-title">

								<h2>Popular Posts</h2>

							</div>

							<div class="widget-content">

								<div class="widget-posts">

									<div class="post-title">

										<h5><a href="#">5 Reasons Why Ladies Prefer To Have Brown Hair And Black Dress</a></h5>

									</div>

									<div class="posted-date">

										<span><a href="#">January 10, 2018</a></span>

									</div>

								</div>

								<!-- // widget-post -->

								<div class="widget-posts">

									<div class="post-title">

										<h5><a href="#">Summer at fuji beach was something like i always had dreamed</a></h5>

									</div>

									<div class="posted-date">

										<span><a href="#">January 11, 2018</a></span>

									</div>

								</div>

								<!-- // widget-post -->

								<div class="widget-posts">

									<div class="post-title">

										<h5><a href="#">Superstar arabic female singer rocking like a master pro singer</a></h5>

									</div>

									<div class="posted-date">

										<span><a href="#">January 10, 2018</a></span>

									</div>

								</div>

								<!-- // widget-post -->

							</div>

							<!-- // widget-content -->

						</div>

						<!-- // footer-widget-content -->

					</div>

					<!-- // footer block -->

				</div>

				<!-- // col -->

			</div>

			<!-- // row -->

			<div class="copyright-and-nav-row">

				<div class="row">

					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">

						<div class="copyrights">

							<p>Copyrights 2017 Sparkle Themes</p>

						</div>

						<!-- // copyrights -->

					</div>

					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">

						<ul class="footer-navigation">

							<li><a href="#">Lifestyle</a></li>

							<li><a href="#">Health</a></li>

							<li><a href="#">Travel</a></li>

							<li><a href="#">Article</a></li>

						</ul>

					</div>

				</div>

				<!-- // row -->

			</div>

			<!-- // copyright-and-nav-row -->

		</div>

		<!-- // container -->

	</div>

	<!-- // footer inner -->

</footer>